<!-- 跨越请求 -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="/public/jquery-1.8.3.min.js"> </script>
    <style>
        iframe {
            width: 100%;
            height: 500px;
            border: 1px solid #000;
        }
    </style>
<body>
<h2>测试iframe 跨域 </h2>
<script>
    document.addEventListener('DOMContentLoaded', function() {
    // 等待 iframe 加载完成（确保子页面 DOM 可访问）
    document.getElementById('targetIframe').onload = function() {
        //  跨域 无法 获取子页面的 document 对象
        const iframeDoc = this.contentDocument || this.contentWindow.document;

        // 2. 创建 script 标签，封装要注入的函数
        const script = iframeDoc.createElement('script');
        script.textContent = `
      // 注入到子页面的函数（会成为子页面的全局函数）
      function redirectInIframe() {
        window.location.href = "http://localhost:8081/customer-service/get-product?productInfo=productId%3D7466&type=3&timestamp=1762946745545&hashCode=6ec60b38ff752bf9a8200724d016d7aa&companyId=80028951&shopId=jyshop";
      }

      // 可选：自动执行一次（注入后立即跳转）
       redirectInIframe();
    `;

        // 3. 将 script 标签添加到子页面的 head 或 body 中（使其生效）
        iframeDoc.head.appendChild(script);
    };
    });
</script>

<h1>iframe 跨域请求</h1>
<!--<iframe src="https://cn-uat-wxmall.dreame.tech/customer-service/get-product?productInfo=productId%3D7466&type=3&timestamp=1762946745545&hashCode=6ec60b38ff752bf9a8200724d016d7aa&companyId=80028951&shopId=jyshop">-->
<iframe id="targetIframe"  src="http://localhost:8081/customer-service/get-product?productInfo=productId%3D7466&type=3&timestamp=1762946745545&hashCode=6ec60b38ff752bf9a8200724d016d7aa&companyId=80028951&shopId=jyshop">
</iframe>
</body>
</html>